<div class="col-12 pl-0 pr-0" style="height: 100%">
  <div class="card card-primary" style="height: 100%;">
    <div class="card-body">
      <form [formGroup]="registerForm" class="needs-validation was-validated mt-3" novalidate="">
        <div class="row">
          <div class="form-group col-lg-6 col-sm-12 col-xs-12">
            <label for="name">昵称</label>
            <input id="name" nz-input type="text" class="form-control" formControlName="user_name" name="name" required="" autofocus="">
            <div class="invalid-feedback">
              请填写昵称
            </div>
          </div>

          <div class="form-group col-lg-6 col-sm-12 col-xs-12">
            <label for="code" class="d-block">邀请码 (选填)</label>
            <input nz-input id="code" formControlName="code" type="text" class="form-control" name="code">
          </div>
        </div>

        <div class="row">
          <div class="form-group col-lg-6 col-sm-12 col-xs-12">
            <label for="email">邮箱</label>
            <div class="input-group">
              <input nz-input type="text" id="email" class="form-control col-12" formControlName="email" required="">
<!--              <nz-select class="col-4" nzPlaceHolder="&#45;&#45;请选择&#45;&#45;">-->
<!--                <nz-option *ngFor="let email of emails" [nzLabel]="email.lable" [nzValue]="email.value"></nz-option>-->
<!--              </nz-select>-->
              <div class="invalid-feedback">
                请填写邮箱
              </div>
            </div>
          </div>
<!--          <div class="form-group col-lg-6 col-sm-12 col-xs-12">-->
<!--            <label for="email">邮箱验证码</label>-->
<!--            <div class="input-group mb-3">-->
<!--              <input nz-input id="email_code" type="text" formControlName="emailcode" class="form-control" name="email" required="">-->
<!--              <div class="input-group-append">-->
<!--                <button id="email_verify" nz-button nzType="primary" class="btn btn-primary" (click)="getRegisteCode()">获取验证码</button>-->
<!--              </div>-->
<!--            </div>-->
<!--            <div class="invalid-feedback">-->
<!--              请填写邮箱验证码-->
<!--            </div>-->
<!--          </div>-->
        </div>

        <div class="row">
          <div class="form-group col-lg-6 col-sm-12 col-xs-12">
            <label for="passwd" class="d-block">密码</label>
            <input nz-input id="passwd" type="password" class="form-control pwstrength" formControlName="passwd" data-indicator="pwindicator" name="passwd" required="">
            <div class="invalid-feedback">
              请填写密码
            </div>
          </div>
<!--          <div class="form-group col-lg-6 col-sm-12 col-xs-12">-->
<!--            <label for="repasswd" class="d-block">重复密码</label>-->
<!--            <input nz-input id="repasswd" type="password" formControlName="repasswd" class="form-control" name="repasswd" required="">-->
<!--            <div class="invalid-feedback">-->
<!--              请再次填写密码-->
<!--            </div>-->
<!--          </div>-->
        </div>
        <div class="form-group">
          <button id="register-confirm" nz-button nzType="primary" [nzBlock]="true" (click)="registe()">
            注册
          </button>
          <div class="mt-5 text-muted text-center">
            已经有账号了？ <a (click)="enterLogin()">马上登录 👉</a>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>
